<?php
    $home_nav = '';
    $profile_nav = ' class="current"';
    $project_nav = '';
    $product_nav = '';
    $contact_nav = '';
    include('header.php');
?>
    <div id="profile_title">
        PATHOM<span>PROFILE</span>
    </div>
    
    <div id="office_img">
        <img src="images/office_img.jpg" alt="<?php _l('profile-office-pic-title'); ?>" />
        <h3><?php _l('profile-office-pic-title'); ?></h3>
        <p>
            <?php _l('profile-office-pic-detail'); ?>
        </p>
    </div>
    <div id="office_detail">
        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
        <div class="viewport">
            <div class="overview">
                <?php _l('profile-detail'); ?>
            </div>
        </div>
    </div>
    <div id="office_thumb">
        <img src="images/office_thumb_1.jpg" alt="<?php _l('profile-office-pic-title'); ?>" />
        <img src="images/office_thumb_2.jpg" alt="<?php _l('profile-office-pic-title'); ?>" />
    </div>
    <div class="clear">&nbsp;</div>
    
    <div id="profile_bottom" class="content_box png_bg">
        &nbsp;
    </div>
    <script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#office_detail').tinyscrollbar({ sizethumb: 50 });
            
            if($(window).height()<605){
		$("#main_bg").height(605);
		$("#main_bg").css('overflowY','hidden');
		$("#main_bg").css('display','block');
	    }else{
		$("#main_bg").height($(window).height());
		$("#main_bg").css('overflowY','hidden');
		$("#main_bg").css('display','block');
		$("#footer").css('position','absolute');
		$("#footer").css('bottom','0');
	    }
        });
    </script>
<?php
    include('footer.php');
?>